﻿<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="XCH partners">
	<meta name="keywords" content="chia, creative, creative philosophy, our philosophy, xch partners">
	<meta name="author" content="XCH partners">
	<title>XCH partners</title>
	<!--favicon-img-->
	<link rel="icon" href="https://faviconka.ru/ico/1/faviconka.ru_1_26466.ico" type="image/x-icon">
	<!--favicon-img-->
	<!--main css file should not be removed -->
	<link rel="preload" href="font.css" as="font" type="css" crossorigin>
	<link rel="stylesheet" href="css/index.css">
	<!--main css file-->
	<script src="ajax/libs/gsap/3.2.6/gsap.min.js"></script>
</head>

<body>
	<!--mouse  follower-->
	<div class="cursor"></div>
	<!--mouse  follower-->
	<!--link-screen-->
	<div id="breaker">
	</div>
	<div id="breaker-two">
	</div>
	<!--link-screen-->
	<!--Main-Section-->
	<!--Navigator-fullscreen-->
	<div id="navigation-content">
		<div class="logo">
		</div>
		<div class="navigation-close">
			<span class="close-first"></span>
			<span class="close-second"></span>
		</div>

		<div class="navigation-links mb">
			<a href="#" data-text="HOME" id="home-link" class="home-link">XCH partners</a>
			<a href="#" data-text="PARTNERS" id="partners-link" class="partners-link">PARTNERS</a>
			<a href="#" data-text="PHILOSOPHY" id="philosophy-link" class="philosophy-link">OUR PHILOSOPHY</a>
			<a href="#" data-text="CHIA" id="chia-link" class="chia-link">WHAT IS CHIA</a>
			<a href="#" data-text="SUPPORT" id="support-link" class="support-link">SUPPORT</a>
		</div>


	</div>
	<!--Navigator-Fullscreen END-->
	<!--Home Page-->
	<!--Menubar-->
	<div id="navigation-bar">
		<div class="menubar">
			<span class="first-span"></span>
			<span class="second-span"></span>
			<span class="third-span"></span>
		</div>
		<div class="navigation-links dp" style="background: transparent; text-aling: left;">
			<a href="#" data-text="HOME" id="home-link" class="home-link">XCH partners</a>
		</div>
	</div>
	<!--Menubar End-->
	<!--Header-->
	<div id="header">
		<div id="particles"></div>
		<!--Social Media Links-->
		<!--Social Media Links end-->
		<div class="header-content">
			<div class="header-content-box">
				<!-- <div class="firstline"><span class="color">Набросок </span>Страницы</div> -->
				<div class="secondline"
					style="position: absolute;  left: 60px; top: 80px; font-weight: bold; text-align: left;">
					XCH<br><span class="txt-rotate color">partners</span>
				</div>

				<img class="orion mb" src="images/orion.png" alt="orion">
				<div class="navigation-links dp" style="background: transparent; text-aling: left;">
					<img src="images/orion.png"
						style="position: absolute; margin-left: -130px; margin-top: -110px; opacity: 1; width: 760px; height: 737px;"
						alt="orion">
					<a href="#" data-text="PARTNERS" id="partners-link" class="partners-link"
						style="position: absolute; margin-top: 10px; margin-left: 290px;">partners</a>
					<a href="#" data-text="PHILOSOPHY" id="philosophy-link" class="philosophy-link"
						style="position: absolute; margin-top: -10px; margin-left: -540px;">our philosophy</a>
					<a href="#" data-text="CHIA" id="chia-link" class="chia-link"
						style="position: absolute;  margin-top: -400px; margin-left: 580px;">what is chia</a>
					<a href="#" data-text="SUPPORT" id="support-link" class="support-link"
						style="position: absolute;  margin-top: 340px; margin-left: 690px;">support</a>
				</div>
				<button class="footer-btn arrow-btn">
					<img src="images/arrow.png" alt="Стрелка">
				</button>
				<div class="footer">
					<div class="footer-menu">
						<div class="menu_mobile ">
							<button class="arrow-btn-to close-menu"><img src="images/arrow.png" alt="Стрелка"></button>
							<div class="footer-wraper">
								<div class="footer-left">
									<p class="fototer-left__text">General Contact:</p>
									<a class="fototer-left__link" href="mailto:info@xch.partners ">info@xch.partners</a>
	
									<p class="fototer-left__text">Press Contact:</p>
									<a class="fototer-left__link" href="mailto:press@xch.partners">press@xch.partners</a>
								</div>
	
								<div class="footer-center">
									<p class="footer-center__text">The XCH association open to everyone and we we do not cooperate with the government.</p>
								</div>

								<div class="footer-left">
									<a class="fototer-left__link blog" href="#">Blog</a>
								</div>
							</div>
							
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--header image-->
		<div class="header-image " style="display: none;">
			<img src="images/pngegg.png"
				style="display:none;position: absolute; left: -100px; bottom: 200; width: 480px; height: 480px; opacity: 0.8"
				alt="logo">

		</div>
		<!--header image end-->
	</div>
	<!--Header End-->
	<!--HomePage End-->
	<!--Main-Section End-->
















	<!--partners-->
	<div id="partners" class="blck">
		<!--partners content-->
		<div id="partners-content" class="blck">
			<div class="partners-header" style="margin-top: 10px;">
				<span class="color">Our</span> Partners
			</div>
			<div class="partners-main">
				<div class="partners-first-paragraph wow">
					<!--partners description-->
					<div class="Partners-block">
						<p class="partners-first-line">The biggest <span class="color">in Ru</span> speaking countires
						</p>
						<br>
						<p class="partners-second-line"> Over >2k users only ru speaking, they had 30% affliate programm for everyone and support official protocol of chia devs</p>
						<a class="button8" href="http://gagarinpool.com/">gagarinpool.com</a>
					</div>
					<img class="partners-img" src="images/medved.png" alt="Your Image">
				</div>
				<div class="partners-first-paragraph wow">
					<!--partners description-->
					<!--partners description-->
					<div class="Partners-block">
						<p class="partners-first-line">UX/UI masters
						</p>
						<br>
						<p class="partners-second-line"> Over >5k users from north and south America mostly. Soon they will have a mobile app </p>
						<a class="button8" href="https://ecochia.io/ru">ecochia.io</a>
					</div>
					<img class="partners-img" src="images/medved.png" alt="Your Image">
				</div>
				</div>
				<button class="footer-btn arrow-btn">
					<img src="images/arrow.png" alt="Стрелка">
				</button>
				<div class="menu_mobile ">
							<button class="arrow-btn-to close-menu"><img src="images/arrow.png" alt="Стрелка"></button>
							<div class="footer-wraper">
								<div class="footer-left">
									<p class="fototer-left__text">General Contact:</p>
									<a class="fototer-left__link" href="mailto:info@xch.partners ">info@xch.partners</a>
	
									<p class="fototer-left__text">Press Contact:</p>
									<a class="fototer-left__link" href="mailto:press@xch.partners">press@xch.partners</a>
								</div>
	
								<div class="footer-center">
									<p class="footer-center__text">The XCH association open to everyone and we we do not cooperate with the government.</p>
								</div>

								<div class="footer-left">
									<a class="fototer-left__link blog" href="#">Blog</a>
								</div>
							</div>	
						</div>
				
				<!--partners picture-->
				
			</div>
		</div>
	</div>
	<!--partners end-->




















	<!--philosophy-->
	<div id="philosophy">
		<!--
            <div class="color-changer">
                <div class="color-panel">
                    <img src="images/gear.png" alt="">
                </div>
                
                <div class="color-selector">
                    <div class="heading">Custom Colors</div>
                    <div class="colors">
                        <ul >
                        <li>
                            <a href="#0" class="color-red " title="color-red"></a>
                        </li>
                        <li>
                            <a href="#0" class="color-purple" title="color-purple"></a>
                        </li>
                        <li>
                            <a href="#0" class="color-malt" title="color-malt"></a>
                        </li>
                        <li>
                            <a href="#0" class="color-green" title="color-green"></a>
                        </li>
                        <li>
                            <a href="#0" class="color-blue" title="color-blue"></a>
                        </li>
                        <li>
                            <a href="#0" class="color-orange" title="color-orange"></a>
                        </li>
                        </ul>
                    </div>
                </div>

                </div>
            -->

		<div class="philosophy-header""> <span class=" color" style="display: none;"> Our </span>
			<span class="header-caption" style="display: none;"></div>
		<div id="philosophy-content">
			<div class="philosophy philosophy-first">
				<div class="philosophy-text">
					
						<h2 class="philosophy-text__title"> <span class="red">Our</span> Philosophy</h2>
						<p class="philosophy-text__parag">The Chia Foundation is not Chia. <br> <br>

							The Xch Partners is not a Chia. We do not own Chia, operate it, or manage it. We are one of
							many organizations that cares deeply about Chia – its values and the potential it
							represents. To succeed long term, Chia needs a vibrant decentralized ecosystem with many
							independent organizations that provide funding, coordination and leadership. <br> <br>

							Everyone thinks that Orion's belt is just three stars, we created this association which
							reveals the concept of decentralization, showing a complete constellation that represents
							not the belt itself, but the stars that make up this constellation, which complement each
							other
						</p>
					
				</div>
			</div>
			<button class="footer-btn arrow-btn"><img src="images/arrow.png" alt="Стрелка"></button>
						<div class="menu_mobile ">
							<button class="arrow-btn-to close-menu"><img src="images/arrow.png" alt="Стрелка"></button>
							<div class="footer-wraper">
								<div class="footer-left">
									<p class="fototer-left__text">General Contact:</p>
									<a class="fototer-left__link" href="mailto:info@xch.partners ">info@xch.partners</a>
	
									<p class="fototer-left__text">Press Contact:</p>
									<a class="fototer-left__link" href="mailto:press@xch.partners">press@xch.partners</a>
								</div>
	
								<div class="footer-center">
									<p class="footer-center__text">The XCH association open to everyone and we we do not cooperate with the government.</p>
								</div>

								<div class="footer-left">
									<a class="fototer-left__link blog" href="#">Blog</a>
								</div>
							</div>	
						</div>
			<div style="display: none;">
				<div class="philosophy philosophy-second">
					<div class="philosophy-image">
						<img src="images/fon6.jpg" alt="philosophy-second">
					</div>
					<div class="philosophy-text">
						<h2>Web Designing</h2>
						<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id cumque placeat minima ad
							laudantium suscipit
							voluptatem ducimus. Id cumque placeat minima ad laudantium suscipit voluptatem ducimus</p>
						<div class="button"><a href="#"><button><span class="index"> View Project<i
											class="gg-arrow-right"></i></span></button></a></div>
					</div>
				</div>

				<div class="philosophy philosophy-third">
					<div class="philosophy-image">
						<img src="images/philosophy-third.jpg" alt="philosophy-third">
					</div>
					<div class="philosophy-text">
						<h2>UI Designing</h2>
						<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad ut optio repellat cupiditate
							expedita eius dignissimos
							.. Id cumque placeat minima ad laudantium suscipit voluptatem ducimus</p>
						<div class="button"><a href="#"><button><span class="index"> View Project<i
											class="gg-arrow-right"></i></span></button></a></div>
					</div>
				</div>
				<div class="philosophy philosophy-fourth">
					<div class=" philosophy-image">
						<img src="images/philosophy-fourth.jpg" alt="philosophy-fourth">
					</div>
					<div class="philosophy-text">
						<h2>Wow Graphics</h2>
						<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad ut optio repellat cupiditate
							expedita eius dignissimos. Id cumque placeat minima ad laudantium suscipit voluptatem
							ducimus</p>
						<div class="button"><a href="#"><button><span class="index"> View Project<i
											class="gg-arrow-right"></i></span></button></a></div>
					</div>
				</div>
			</div>
		</div>

		<!--copyright-section You Can Remove After Downloading-->
		<div class="footer" style="display: none;">
			<div class="footer-text">
				<img src="images/copyright.png" alt="copyright-img" class="images" height="14px"> XCH partners
			</div>
		</div>
		<!--copyright-section-->
	</div>
	<!--philosophy end-->








	<!--chia-->
	<div id="chia">
		<div class="container">
			<div class="chia-header">
				<h2 class="chia-title"><span class="white">What</span><span class="color"> is Chia</span> </h2>
				<div class="chia-content">
					<p class="chia-subtitle">Chia was incorporated in August of 2017 to develop an improved blockchain
						and smart transaction platform. We are building the Chia Network to improve the global financial
						and payments systems. Chia is the first enterprise-grade digital money. </p>

					<p class="chia-subtitle">Chia is using the first new Nakamoto consensus algorithm since Bitcoin.
						Called Proof of Space and Time, it was created by Bram Cohen, the best network protocol engineer
						alive and the inventor of BitTorrent.</p>

					<p class="chia-subtitle">Chialisp is Chia’s new smart transaction programming language that is
						powerful, easy to audit, and secure. Reference smart transactions currently available are:
						atomic swaps, authorized payees, recoverable wallets, multisig wallets, and rate-limited
						wallets.
					</p>
					<a class="chia-content-button8" href="https://www.chia.net/ ">Visit Chia.net</a>
					<button class="footer-btn arrow-btn"><img src="images/arrow.png" alt="Стрелка"></button>
						<div class="menu_mobile ">
							<button class="arrow-btn-to close-menu"><img src="images/arrow.png" alt="Стрелка"></button>
							<div class="footer-wraper">
								<div class="footer-left">
									<p class="fototer-left__text">General Contact:</p>
									<a class="fototer-left__link" href="mailto:info@xch.partners ">info@xch.partners</a>
	
									<p class="fototer-left__text">Press Contact:</p>
									<a class="fototer-left__link" href="mailto:press@xch.partners">press@xch.partners</a>
								</div>
	
								<div class="footer-center">
									<p class="footer-center__text">The XCH association open to everyone and we we do not cooperate with the government.</p>
								</div>

								<div class="footer-left">
									<a class="fototer-left__link blog" href="#">Blog</a>
								</div>
							</div>	
						</div>
				</div>
			</div>
		</div>
	</div>




	<!--support-->
	<div id="support" style="display: none;">
		<div class="support-header">Support <span class="color"> Us</span>
		</div>
		<div class="support-content">
			<div class="container">
				<h2 class="support-title">Ecosystem Support</h2>
				<p class="support-subtitle">If you want to join our association or have any questions about chia coin or
					blockchain in general, email us
				</p>

				<a class="button8" href="mailto:info@xch.partners">info@xch.partners</a>
				<button class="footer-btn arrow-btn"><img src="images/arrow.png" alt="Стрелка"></button>
						<div class="menu_mobile ">
							<button class="arrow-btn-to close-menu"><img src="images/arrow.png" alt="Стрелка"></button>
							<div class="footer-wraper">
								<div class="footer-left">
									<p class="fototer-left__text">General Contact:</p>
									<a class="fototer-left__link" href="mailto:info@xch.partners ">info@xch.partners</a>
	
									<p class="fototer-left__text">Press Contact:</p>
									<a class="fototer-left__link" href="mailto:press@xch.partners">press@xch.partners</a>
									<a class="fototer-left__link" href="mailto:press@xch.partners">press@xch.partners</a>
								</div>
	
								<div class="footer-center">
									<p class="footer-center__text">The XCH association open to everyone and we we do not cooperate with the government.</p>
								</div>

								<div class="footer-left">
									<a class="fototer-left__link blog" href="#">Blog</a>
								</div>
							</div>	
						</div>
			</div>
		</div>
	</div>
	
	<!--copyright-section You Can Remove After Downloading-->
	<!-- <div class="footer" style = "display: none;">
                        <div class="footer-text">
                            <img src="images/copyright.png" alt="copyright-img" class="images" height="14px"> XCH partners
                        </div>
                       </div> -->
	<!--copyright-section-->
	<!--all the divisions-->
	

	<script src="js/jquery.min.js"></script>
	<script src="js/particles.js"></script>
	<script src="js/particles.min.js"></script>
	<script src="js/index.js"></script>
	<!--particles script-->
		
	<script>
		particlesJS("particles", {
			"particles": {
				"number": {
					"value": 40,
					"density": {
						"enable": true,
						"value_area": 800
					}
				},
				"color": {
					"value": "#ffffff"
				},
				"shape": {
					"type": "circle",
					"stroke": {
						"width": 0,
						"color": "#000000"
					},
					"polygon": {
						"nb_sides": 5
					},
					"image": {
						"src": "img/github.svg",
						"width": 100,
						"height": 100
					}
				},
				"opacity": {
					"value": 0.5,
					"random": false,
					"anim": {
						"enable": false,
						"speed": 1,
						"opacity_min": 0.1,
						"sync": false
					}
				},
				"size": {
					"value": 6,
					"random": true,
					"anim": {
						"enable": false,
						"speed": 40,
						"size_min": 0.4,
						"sync": false
					}
				},
				"line_linked": {
					"enable": true,
					"distance": 150,
					"color": "#ffffff",
					"opacity": 0.4,
					"width": 1
				},
				"move": {
					"enable": true,
					"speed": 6,
					"direction": "none",
					"random": false,
					"straight": false,
					"out_mode": "out",
					"bounce": false,
					"attract": {
						"enable": false,
						"rotateX": 600,
						"rotateY": 1200
					}
				}
			},
			"interactivity": {
				"detect_on": "canvas",
				"events": {
					"onhover": {
						"enable": true,
						"mode": "repulse"
					},
					"onclick": {
						"enable": true,
						"mode": "push"
					},
					"resize": true
				},
				"modes": {
					"grab": {
						"distance": 400,
						"line_linked": {
							"opacity": 1
						}
					},
					"bubble": {
						"distance": 400,
						"size": 40,
						"duration": 2,
						"opacity": 8,
						"speed": 3
					},
					"repulse": {
						"distance": 200,
						"duration": 0.4
					},
					"push": {
						"particles_nb": 4
					},
					"remove": {
						"particles_nb": 2
					}
				}
			},
			"retina_detect": true
		});
	</script>

</body>

</html>